/* RadSlider Inox Skin */

.RadSlider_Inox .horizontal
{
	height:10px;
}

/* slider handles */
.RadSlider_Inox .horizontal a.handle
{
	margin-top:1px;
	width:16px; 
	height:9px; 
	line-height:9px;
	background-image:url('Slider/Handles.gif');
	background-repeat:no-repeat;
}

/* decrease handle */
.RadSlider_Inox .horizontal .decrease
{
	background-position:0 0;
}

.RadSlider_Inox .horizontal .decrease:hover
{
	background-position:0 -9px;
}

.RadSlider_Inox .horizontal .decrease:active,
.RadSlider_Inox .horizontal .decrease:focus
{
	background-position:0 -18px;
}

/* increase handle */
.RadSlider_Inox .horizontal .increase
{
	background-position:-16px 0;
}

.RadSlider_Inox .horizontal .increase:hover
{
	background-position:-16px -9px;
}

.RadSlider_Inox .horizontal .increase:active,
.RadSlider_Inox .horizontal .increase:focus
{
	background-position:-16px -18px;
}

/* drag handle */
.RadSlider_Inox .horizontal a.draghandle
{
	top:0;
	width:12px;
	height:21px; 
	line-height:21px;
	margin-top:-7px;
	background-image:url('Slider/DragHandle.gif');
	background-repeat:no-repeat;
	background-position:0 0;
}

.RadSlider_Inox .horizontal a.draghandle:hover
{
	background-position:-12px 0;
}

.RadSlider_Inox .horizontal a.draghandle:focus,
.RadSlider_Inox .horizontal a.draghandle:active
{
	background-position:-24px 0;
}

/* track */
.RadSlider_Inox .horizontal .track,
.RadSlider_Inox .horizontal .rslItemsWrapper
{
	left:16px;
}

.RadSlider_Inox .horizontal .track
{	
	margin-top:2px;
	height:7px;
	background:#a0a0a0 url('Slider/TrackBgr.gif') repeat-x;
}

/* selected region */
.RadSlider_Inox .horizontal .selectedregion
{
	background:#a0a0a0 url('Slider/TrackBgr.gif') repeat-x 0 -7px;
	height:7px;
}

.RadSlider_Inox .vertical
{
	width:10px;
}

/* slider handles */
.RadSlider_Inox .vertical a.handle
{
	margin-left:1px;
	width:9px;
	height:16px;
	line-height:16px;
	background-image:url('Slider/HandlesVertical.gif');
	background-repeat:no-repeat;
}

/* decrease handle */
.RadSlider_Inox .vertical .decrease
{
	background-position:0 0;
}

.RadSlider_Inox .vertical .decrease:hover
{
	background-position:-9px 0;
}

.RadSlider_Inox .vertical .decrease:active,
.RadSlider_Inox .vertical .decrease:focus
{
	background-position:-18px 0;
}

.RadSlider_Inox .vertical .increase
{
	background-position:0 -16px;
}

.RadSlider_Inox .vertical .increase:hover
{
	background-position:-9px -16px;
}

.RadSlider_Inox .vertical .increase:active,
.RadSlider_Inox .vertical .increase:focus
{
	background-position:-18px -16px;
}

.RadSlider_Inox .vertical .track,
.RadSlider_Inox .vertical .rslItemsWrapper
{
	top:16px;
}

.RadSlider_Inox .vertical .track
{
	margin-left:2px;
	width:7px;
	background:#a0a0a0 url('Slider/TrackVerticalBgr.gif') repeat-y;
}

/* selected region */
.RadSlider_Inox .vertical .selectedregion
{
	background:#a0a0a0 url('Slider/TrackVerticalBgr.gif') repeat-y -7px 0;
	width:7px;
}

/* slider drag handle */
.RadSlider_Inox .vertical a.draghandle
{
	top:0;
	left:0;
	margin-left:-5px;
	width:21px;
	height:12px;
	line-height:12px;
	background:url('Slider/DragVerticalHandle.gif') no-repeat;
	background-position:0 0;
}

.RadSlider_Inox .vertical a.draghandle:hover
{
	background-position:0 -12px;
}

.RadSlider_Inox .vertical a.draghandle:active, 
.RadSlider_Inox .vertical a.draghandle:focus
{
	background-position:0 -24px;
}

.RadSlider_Inox .rslItem,
.RadSlider_Inox .rslLargeTick span
{
	color:#8e8e8e;
}

.RadSlider_Inox .rslItemsWrapper .rslItemSelected
{
    color:#87df6c;
}

/* horizontal slider items */
.RadSlider_Inox .horizontal .rslItem
{
	background-image:url('Slider/ItemHorizontalBgr.gif');
}

/* vertical slider items*/
.RadSlider_Inox .vertical .rslItem
{
	background-image:url('Slider/ItemVerticalBgr.gif');
}

/* set width of the ticks */
.RadSlider_Inox .horizontal .rslSmallTick,
.RadSlider_Inox .horizontal .rslLargeTick
{
	width:1px;
}

.RadSlider_Inox .vertical .rslSmallTick,
.RadSlider_Inox .vertical .rslLargeTick
{
	height:1px;
}

/* horizontal slider - TrackPosition=Top/Bottom */
.RadSlider_Inox .rslTop .rslSmallTick,
.RadSlider_Inox .rslBottom .rslSmallTick
{
    background-image:url('Slider/SmallChangeHorizontal.gif');
}

.RadSlider_Inox .rslTop .rslLargeTick,
.RadSlider_Inox .rslBottom .rslLargeTick 
{
    background-image:url('Slider/LargeChangeHorizontal.gif');
}

.RadSlider_Inox .rslBottom a.handle
{
	margin-top:0;
	margin-bottom:1px;
}

.RadSlider_Inox .rslBottom div.track
{
	margin-top:0;
	margin-bottom:2px;
}

/* vertical slider - TrackPosition=Left/Right */
.RadSlider_Inox .rslLeft .rslSmallTick,
.RadSlider_Inox .rslRight .rslSmallTick
{
    background-image:url('Slider/SmallChangeVertical.gif');
}

.RadSlider_Inox .rslLeft .rslLargeTick,
.RadSlider_Inox .rslRight .rslLargeTick 
{
    background-image:url('Slider/LargelChangeVertical.gif');
}

.RadSlider_Inox .rslRight a.handle
{
	margin-left:0;
	margin-right:1px;
}

.RadSlider_Inox .rslRight div.track
{
	margin-left:0;
	margin-right:2px;
}

/* horizontal slider - TrackPosition=Center */
.RadSlider_Inox .rslMiddle .rslSmallTick
{
	background-image:url('Slider/SmallChangeMiddleHorizontal.gif');
}

.RadSlider_Inox .rslMiddle .rslLargeTick 
{
	background-image:url('Slider/LargeChangeMiddleHorizontal.gif');
}

.RadSlider_Inox .rslMiddle a.handle
{
	/* half of the height of the handle */
	margin-top:-5px;
}

.RadSlider_Inox .rslMiddle div.track
{
	/* half of the height of the track */
	margin-top:-4px;
}

/* vertical slider - TrackPosition=Center */
.RadSlider_Inox .rslCenter .rslSmallTick
{
    background-image:url('Slider/SmallChangeCenterVertical.gif');
}

.RadSlider_Inox .rslCenter .rslLargeTick 
{
    background-image:url('Slider/LargelChangeCenterVertical.gif');
}

.RadSlider_Inox .rslCenter a.handle
{
	/* half of the width of the handle */
	margin-left:-5px;
}

.RadSlider_Inox .rslCenter div.track
{
	/* half of the width of the track */
	margin-left:-4px;
}

/* Items/Ticks text */
.RadSlider_Inox .rslItem,
.RadSlider_Inox .rslLargeTick span
{
	font:11px "Segoe UI",verdana,arial,sans-serif;
}